# Стилизация краткого описания статьи для блога «Нетологии»

### Реализация

#### В песочнице CodePen

Перед началом работы сделайте форк пена на [https://codepen.io/Netology/pen/dqmbQP](https://codepen.io/Netology/pen/dqmbQP?editors=1100#0). Внесите изменения во вкладке CSS пена.

##### Внимание: Общую структуру документа создавать не надо, вкладка Codepen «HTML» работает, как тег `<body>`
см. [инструкцию по работе с Codepen](https://github.com/netology-code/guides/tree/master/codepen).

---

## Описание

Отлично, блок для «Википедии» свёрстан. Только вы закрыли Codepen, как с вами связался менеджер «Нетологии» и подкинул ещё задачу &mdash; стилизовать блок с описанием статьи для блога. Штатный верстальщик приболел, а статью надо срочно опубликовать. Сейчас описание выглядит так:

![](https://netology-code.github.io/html-2-homeworks/sources/lection-1-1-task-2-article-before.png)

А чтобы органично сочетаться со статьей, оно должно быть таким:

![](https://netology-code.github.io/html-2-homeworks/sources/lection-1-1-task-2-article-after.png)

## Процесс реализации

1. Укажите семейство шрифтов `Arial` для элемента `<body>`.
2. Укажите тип шрифта `sans-serif` для элемента `<body>`, если по каким-то причинам `Arial` отсутствует.
3. Укажите размер текста `16px` для элемента `<body>`.
4. Укажите размер текста `28px` для элемента `<h1>`.
5. Укажите цвет текста `#349bdf` для элемента `<a>`.
6. Уберите подчеркивание у элемента `<a>`.
7. Убедитесь, что результат соответствует описанию. Для этого перейдите в режим FullPage ([скриншот](/sources/screen.md)). Если режим FullPage View выдал ошибку — вам нужно подтвердить свою учетную запись в codepen, пройдя по ссылке из письма, пришедшего от codepen, тогда все должно начать работать корректно.

